<nav>
  <ul class="usa-sidenav-list">
    <li>
      <a {% if page.url == '/getting-started/' %}class="usa-current"{% endif %} href="{{ site.baseurl }}/getting-started/">Overview</a>
    </li>
    <li>
      <a {% if page.url contains '/getting-started/developers/' %}class="usa-current"{% endif %} href="{{ site.baseurl }}/getting-started/developers">For developers</a>
      {% if page.url contains '/getting-started/developers/' %}
        <ul class="usa-sidenav-sub_list">
          <li>
            <a href="#installation">Installation</a>
          </li>
          <li>
            <a href="#css-architecture">CSS architecture</a>
          </li>
          <li>
            <a href="#where-things-live">Where things live</a>
          </li>
          <li>
            <a href="#notes-on-accessibility">Notes on accessibility</a>
          </li>
          <li>
            <a href="#contribution-guidelines">Contribution guidelines</a>
          </li>
        </ul>
      {% endif %}
    </li>
    <li>
      <a {% if page.url contains '/getting-started/designers/' %}class="usa-current"{% endif %} href="{{ site.baseurl }}/getting-started/designers">For designers</a>
      {% if page.url contains '/getting-started/designers/' %}
        <ul class="usa-sidenav-sub_list">
          <li>
            <a href="#design-resources">Design resources</a>
          </li>
          <li>
            <a href="#notes-on-accessibility">Notes on accessibility</a>
          </li>
          <li>
            <a href="#contribution-guidelines">Contribution guidelines</a>
          </li>
        </ul>
      {% endif %}
    </li>
    <li>
      <a {% if page.url == '/download/' %}class="usa-current"{% endif %} href="{{ site.baseurl }}/download">Download code and design files</a>
    </li>
  </ul>
</nav>
